﻿@charset "utf-8";
/* Stylesheet for the 'XXXXX' Plone theme */

html { background-color: transparent; }
body { background: rgb(160, 160, 160) url("../images/bg1.jpg") repeat 0 0; }

h1 { color: rgba(255, 255, 255, 0.6); }
#portal-columns { margin: 3em 0 0 0; }

div.pb-ajax article#content { width:700px; margin-left: 20px; }


h1,
ul.moviePoster li a,
ul.movieList li a { font-family: 'Terminal Dosis', sans-serif; }

ul.moviePoster h3 { text-align:center; margin-top:0.2em; margin-bottom: 1.5em; }

ul.moviePoster,
ul.movieList {
    list-style: none outside none;
    margin:0;
}

ul.moviePoster li { position:relative; width:140px; float:left; margin-left:20px; }
ul.moviePoster li a { 
    color: rgba(255,255,255,0.2);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
}
ul.moviePoster li:hover a { color: rgba(255,255,255,0.6); }

ul.moviePoster li.first {
    margin-left:0;
}

ul.movieList li.first {

}

body.template-movie_summary_view ul.moviePoster li.seven { margin-left:0px; }
body.template-movie_listing ul#movies li { margin: 0 0 1em 0; }
body.template-movie_listing ul#movies li { width: 310px; }

ul.moviePoster li img.bigPoster,
ul.moviePoster li p.tileBody{ display:none; visibility:hidden; }

ul.moviePoster li img.smallPoster {
    border: 1px solid black;
    /*border: 1px solid rgba(0,0,0,0.60);*/
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.75);
    box-shadow: 1px 2px 6px rgba(0,0,0,0.75);
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
}
ul.moviePoster li img:hover {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    -ms-transform: scale(.95);
    /*border: 1px solid rgba(0,0,0,0.75);*/
    -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 10px rgba(0,0,0,0.75);
    box-shadow: 1px 2px 10px rgba(0,0,0,0.75);
}
ul.moviePoster li img:active {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.75);
}

ul.moviePoster li div.overlay { display:none; position:absolute; top:0px; left:0px; width: 640px; padding: 20px;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 3px 8px rgba(0,0,0,0.75);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.75);
}

ul.movieList li img { display:none; }


.pb-ajax p.description { font-size:14px; }

div.posterImageContainer { float:left; margin: 0 1em 2em 0; }

ul#backdrops { height:94px; margin:0 0 2.5em 0; list-style:none; clear:both; } 
ul#backdrops li { float:left; margin: 0 10px 0 0; }
ul#backdrops li.last { margin-right:0px }


/* @group Overlay windows */

/* styling for overlays (popups) */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
    font-size: 80%;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 99; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */
div.overlaybg div.close,
div.overlay div.close {
    background-image: url(pb_close.png);
    position: absolute;
    left: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
}

.pb-ajax, .pb-image, .overlay iframe {
    background-color: #fff;
    border: 1px solid #999;
    white-space: normal;
    box-shadow: 0 0 3em 0.5em #666;
    -moz-box-shadow: 0 0 3em 0.5em #666;
    -webkit-box-shadow: 0 0 3em #666;
}

.pb-ajax > div {
    width: 92%;
    padding: 1em;
}

.pb-ajax .documentActions {display:none}

div.overlay div.close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

div.overlay textarea { width: 100%; }

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
div.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
div.overlay .formTab.lastFormTab {
    margin-right:0em;
}
div.overlay .formControls a {
    display: block;
    margin: 0.75em;
}

/* @end */
